<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>微信红包</title>
    <link rel="stylesheet" href="css/weui.min.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <!--[if IE 7]>
    <link rel="stylesheet" href="css/font-awesome-ie7.min.css">
    <![endif]-->
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/bonus.css">
    <script src="js/jquery-1.11.2.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/index.js"></script>
</head>
<body style="background-color: #fff;">
    <div class="container-fluid" style="background:url(images/bonus_bg.png) no-repeat; background-size: 100% 100%;background-position: 0 50px;">
        <div class="row">
            <div class="col-xs-12 bonus-head plr0">
                <div class="col-xs-2 ptb5 head-left">
                    <img src="images/icon-left.png" width="22" height="21" class="img-responsive center-block">
                </div>
                <div class="col-xs-10 fs18 mt-5">
                    微信红包
                </div>
                <div class="col-xs-10">
                    微信安全支付
                </div>
            </div>
        </div>
        <div class="row fs16">
            <div class="col-xs-4 col-xs-offset-4 pt50">
                <img src="images/portrait_bonus_01.png" class="img-responsive center-block">
            </div>
            <div class="col-xs-12 text-center pt10">
                小朋友的红包
            </div>
            <div class="col-xs-12 text-center pt10 gray">
                恭喜发财，大吉大利！
            </div>
            <div class="col-xs-12 text-center fs26 pt20"><span class="fs50">2.50</span>元</div>
            <div class="col-xs-12 blue text-center fs14">
                已存入零钱，可用于发红包
            </div>
            <div class="col-xs-12 ptb10 text-center fs16">
                留言
            </div>
        </div>
    </div>
    <div class="container-fluid">
        <div class="row mt20">
            <div class="col-xs-12 text-center blue">
                <a href="#">查看我的红包记录</a>
            </div>
            <div class="col-xs-12 text-center gray ptb20">
                收到的钱可直接用来发红包
            </div>
        </div>
    </div>
</body>
</html>